<!--
 * @Author: your name
 * @Date: 2021-01-11 17:19:38
 * @LastEditTime: 2021-01-12 14:17:45
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\lenses\index\function.vue
-->
<template>
    <div class="flex lens_func mb100">
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_1.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Blue light blocking the lenses")}}</div>
            <div class="size12 b mb10">{{$t("Blue-violet light from phones, computers, and tablets may cause some serious eyestrain,")}}</div>
            <div class="size12 b mb10">{{$t("blue light blocking lenses are designed to provide protection from all that screen time.")}}</div>
            <div class="size12 b mb10">{{$t("With blue light blocking glasses, you can enjoy your screen time and preserve your eyesight.")}}</div>
        </div>
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_2.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Screen protection lenses")}}</div>
            <div class="size12 b mb10">{{$t("The screen protector lenses contains materials that block and filter harmful blue light")}}</div>
            <div class="size12 b mb10">{{$t("from the screen,and these lenses filter a higher percentage of blue light.")}}</div>
            <div class="size12 b mb10">{{$t("Help reduce exposure to Harmful Blue Light.")}}</div>
        </div>
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_3.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Photochromic")}}</div>
            <div class="size12 b mb10">{{$t("The lens will change from clear to dark colors such as gray or brown, when you are outdoors,")}}</div>
            <div class="size12 b mb10">{{$t("helping to block ultraviolet rays. The lens will change back to clear when you back to the room.")}}</div>
            <div class="size12 b mb10">{{$t("This dual-purpose lens allows you to switch freely between indoors and outdoors.")}}</div>
        </div>
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_6.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Polarized")}}</div>
            <div class="size12 b mb10">{{$t("Polarized lenses contain layers of special filter which will block intense reflected light and")}}</div>
            <div class="size12 b mb10">{{$t("terminate the harmful glare from a horizontal orientation. With those polarized layers,")}}</div>
            <div class="size12 b mb10">{{$t("light will be filter into one direction so that we will be offered better vision in a higher contrast.")}}</div>
        </div>
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_4.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Sunglasses tint")}}</div>
            <div class="size12 b mb10">{{$t("85% tint for optimal protection from glare during solar radiation.")}}</div>
            <div class="size12 b mb10">{{$t("You can choose a variety of colors for every wonderful moment.")}}</div>
        </div>
        <div class="mb80 s48">
            <div class="func_pic mb20"><img class="img" :src="require('@/assets/image/lenses/lenses_types_5.png')" alt=""></div>
            <div class="size18 b mb10">{{$t("Driving")}}</div>
            <div class="size12 b mb10">{{$t("These lenses for driving provide 100% UV blockage, comfortable anti-glare protection,")}}</div>
            <div class="size12 b mb10">{{$t("sharper vision at night and safer driving along with better color and contrast perception,")}}</div>
            <div class="size12 b mb10">{{$t("helping remove glare off the road and have good driving experience.")}}</div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'function'
}
</script>